<template>
  <!-- 登录页面 -->
  <form id="login-form" @submit.prevent="handleLogin">
    <label for="username">用户名</label>
    <input type="text" id="username" v-model="username" />
    <label for="password">密码</label>
    <input type="password" id="password" v-model="password" />
    <button type="submit">登录</button>
  </form>

  <!-- 注册页面 -->
  <form id="signup-form" @submit.prevent="handleSignup">
    <label for="username">用户名</label>
    <input type="text" id="username" v-model="username" />
    <label for="email">邮箱</label>
    <input type="email" id="email" v-model="email" />
    <label for="password">密码</label>
    <input type="password" id="password" v-model="password" />
    <button type="submit">注册</button>
  </form>
</template>

<script>
export default {
  data() {
    return {
      username: '',
      email: '',
      password: ''
    };
  },
  methods: {
    // 处理登录表单的提交事件
    handleLogin() {
      // 在这里处理登录逻辑
      // 可以通过 this.username 和 this.password 访问用户输入的用户名和密码
    },
    // 处理注册表单的提交事件
    handleSignup() {
      // 在这里处理注册逻辑
      // 可以通过 this.username、this.email 和 this.password 访问用户输入的信息
    }
  }
};
</script>